<template>
  <div id="app" :class="['hk_zjg ', sideTheme === 'tech' || sideTheme === 'theme-dark' ? 'dark-theme' : '']">
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" />
  </div>
</template>

<script>

export default {
  name: 'App',
  data() {
    return {
      title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
      titleTemplate: (title) => {
        return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
      }
    }
  },
  computed: {
    sideTheme() {
      return this.$store.state.settings.sideTheme
    }
  },
  watch: {

  }
}
</script>
